@import '../../../style/base.styl';
@import '/animate.styl';
.container
	min-height 100vh
	box-sizing border-box
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	padding 100rpx 32rpx
	text-align center
	.content
		font-size 68rpx
		text-align center
		border-radius 50%
		&.rotateIn
			animation rotateIn 1s
			-webkit-animation rotateIn 1s
		&.rotateInDownLeft
			animation rotateInDownLeft 1s
			-webkit-animation rotateInDownLeft 1s
		&.rotateInDownRight
			animation rotateInDownRight 1s
			-webkit-animation rotateInDownRight 1s
		&.rotateInUpLeft
			animation rotateInUpLeft 1s
			-webkit-animation rotateInUpLeft 1s
		&.rotateInUpRight
			animation rotateInUpRight 1s
			-webkit-animation rotateInUpRight 1s

	.btn-box
		margin-top 180rpx
		display flex
		flex-wrap wrap
		.btn
			width 30%
			height 98rpx
			display flex
			align-items center
			font-size 34rpx
			color #fff
			border-radius 49rpx
			justify-content center
			background $shallowThemeColor
			margin-bottom 32rpx
		& > view:nth-child(3n-1)
			margin 0 5% 32rpx
